import React from 'react';
import SideMenu from '../../components/sandbox/SideMenu'
import TopHeader from '../../components/sandbox/TopHeader'
// import { Switch, Route, Redirect } from 'react-router-dom'
// import Home from './home/Home'
// import UserList from './user-manage/UserList'
// import RoleList from './right-manage/RoleList'
// import RightList from './right-manage/RightList'
// import Nopermission from './nopermission/Nopermission'
import NewsRouter from '../../components/sandbox/NewsRouter'
import './NewsSandBox.css'

import { Layout, theme } from 'antd';

const { Content } = Layout;

const NewsSandBox = () => {

    const {
        token: { colorBgContainer },
    } = theme.useToken();

    return (

        <Layout>
            <SideMenu></SideMenu>
            <Layout>
                <TopHeader></TopHeader>
                <Content
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        background: colorBgContainer,
                        overflow: 'auto',
                    }}
                >
                    {/* <Switch>
                        <Route path="/home" component={Home} />
                        <Route path="/user-manage/list" component={UserList} />
                        <Route path="/right-manage/role/list" component={RoleList} />
                        <Route path="/right-manage/right/list" component={RightList} />

                        <Redirect from="/" to="/home" exact></Redirect>
                        <Route path="*" component={Nopermission} />
                    </Switch> */}
                    <NewsRouter></NewsRouter>
                </Content>
            </Layout>
        </Layout>
    );
};
export default NewsSandBox;